<div style="margin-bottom: 18px;
        border-bottom: 1px solid gainsboro;
        height: 32px;">
    <span>操作员: {{operatorName}} 的功能权限</span>

</div>
<style>
    .fromRoleY {
        color:blue
    }
    .forbid {
        color:red
    }

    .remit {
        color:green;
    }
</style>

<div class="ui-g">
    <p-card  class="ui-g-4" [style]="{ width: '100%',border:'0px'}">
        <app-tree
            [initDate] = "treedata"
            [noMenu] = "noMenu"
            (develop)="Unfold($event)"
            [selectionType]='selectionType'
            [searchTitle] = "searchTitle"
            (Select)="TreeSelect($event)"
            (serchValue)="searchVal($event)"
            (clickFunc)="clickFunc($event)">
        </app-tree>
    </p-card>
    <p-card  class="ui-g-8"  *ngIf="tabShow" [style]="{border: '0px'}" >
        <div class="ui-g-12">
            <h3 style='width:100%;margin:1rem 0;font-weight:bold' >功能：{{funcInfo.funcName}}</h3>
            <p>{{funcInfo.funcDesc}}</p>
        </div>
        <div class="ui-g-12"  >
            <div class="ui-g-12">
                <div class="ui-g-12" style=" border-bottom: 1px solid #ccc">
                    <h2><span class="anticon anticon-unlock"></span> &nbsp;&nbsp; 不验证权限的行为</h2>
                </div>
                <div class="ui-g-12" *ngIf="nocheckOptionsOne.length>0">
                    <!--<nz-checkbox-group style="margin-left: 5%" [(ngModel)]="nocheckOptionsOne"
                                       [nzDisabled]="true">
                    </nz-checkbox-group>-->
                    <div class="ui-g-4"  *ngFor="let item of nocheckOptionsOne">
                        <label><input type="checkbox" name="sdasdad"
                                      [(ngModel)]="item.checked"
                                      [disabled]="true"
                        >
                            <!--<span [ngClass]="{'text-success': item.fromRole === 'Y' }">-->
                            <!--<span [ngClass]="{'fromRoleY': item.fromRole === 'Y', 'forbid': item.authType === 'forbid', 'remit': item.authType === 'remit'}">-->
                            <nz-tooltip [nzTitle]="item.funcDesc" [nzPlacement]="'topLeft'">
                                <span nz-tooltip>{{item.label}}</span>
                            </nz-tooltip>
                        </label>
                    </div>
                </div>
                <div class="ui-g-12" *ngIf="nocheckOptionsOne.length === 0">
                   <h3 style="text-align: center">暂无不验证权限的行为</h3>
                </div>
            </div>

            <div class="ui-g-12">
                <div class="ui-g-12" style="position: relative; border-bottom: 1px solid #ccc">
                    <h2  style="display: inline-block;"><span class="anticon anticon-lock"></span> &nbsp;&nbsp; 验证权限的行为</h2>
                    <ng-container  *ngIf="isSaveEdit">
                        <button style="top:-4px" *appIf="'Opr005010'" nz-button type="reset" (click)="edit()" [nzSize]="'large'" class="mx-sm">修改</button>
                    </ng-container>
                    <ng-container *ngIf="!isSaveEdit">
                        <button style="margin-left: 8px; top:-4px; margin-right: 8px;" *appIf="'Opr005010'" nz-button type="submit" (click)="save()"  [nzType]="'primary'"  [nzSize]="'large'">保存</button>
                    </ng-container>
                    <ng-container  *ngIf="!isSaveEdit">
                        <button style="margin-left: 8px; top:-4px; margin-right: 8px;" *appIf="'Opr005010'" nz-button type="submit" (click)="cancel()"  [nzType]="'large'"  [nzSize]="'large'">取消</button>
                    </ng-container>


                    <nz-select  style="width: 30%;top:-4px" [(ngModel)]="radioValue"
                                name="valueFrom" nzAllowClear
                                [nzPlaceHolder]="'请输入筛选条件'" [nzSize]="'large'"
                                nzId="reset"
                                (ngModelChange)="selectRaido(radioValue)">
                        <nz-option  disabled   *ngFor="let i of selectFilder; let app = index" [nzLabel]="i.value" [nzValue]="i.key"  ></nz-option>
                    </nz-select>
                </div>
               <div class="ui-g-12">
                   <label style="margin-left: 6%" nz-checkbox [(ngModel)]="checked" [nzDisabled]="isDisabledButton" (ngModelChange)="allSelect($event)">
                       <span >全选</span>
                   </label>
               </div>
                <!--是否要修改？ 无法做到监控那个改变 -->
                <div class="ui-g-12" style="margin-left: 5%">
                    <div class="ui-g-4" *ngFor="let item of checkOptionsOne">
                        <label><input type="checkbox" name="sdasdad"
                                      [(ngModel)]="item.checked"
                                      [disabled]="isDisabledButton"
                                      (change)="selectAll(item, checkOptionsOne)"
                        >
                        <!--<span [ngClass]="{'text-success': item.fromRole === 'Y' }">-->
                        <!--<span [ngClass]="{'fromRoleY': item.fromRole === 'Y', 'forbid': item.authType === 'forbid', 'remit': item.authType === 'remit'}">-->
                        <nz-tooltip [nzTitle]="item.funcDesc" [nzPlacement]="'topLeft'">
                             <span nz-tooltip>{{item.label}}</span>
                       </nz-tooltip>
                        </label>
                    </div>
                </div>
                <!--<div style="margin-top:15px;">
                    <h2  style="border-bottom: 1px solid #ccc"><span class="anticon anticon-edit"></span> &nbsp;&nbsp; 操作员拥有的行为权限:</h2>
                    <li class="ui-g-4" *ngFor="let option of roleTxt;let n = index" >
                        {{roleTxt[n]}}
                    </li>
                </div>-->
            </div>
        </div>
    </p-card>
</div>




